<div class="course-view container" id="course-container">
    <header class="page-header has-secondary">
        <div class="page-header-main">
            <nav aria-label="Search Results" class="sr-is-focusable" tabindex="-1">
                <div class="has-breadcrumbs">
                    <div class="breadcrumbs">
                        <span class="nav-item">
                            <a href="/course">Course</a>
                        </span>
                        <span class="icon fa fa-angle-right" aria-hidden="true"></span>
                        <span class="nav-item">Search Results</span>
                    </div>
                </div>
            </nav>
        </div>
        <div class="page-header-secondary">
            <div class="page-header-search">
                <form class="search-form" role="search" action="/search">
                    <label class="field-label sr-only" for="search" id="search-hint">Search the course</label>
                    <input
                            class="field-input input-text search-field"
                            type="search"
                            name="query"
                            id="search"
                            value="query"
                            placeholder="Search the course"
                    />
                    <button class="btn btn-small search-button" type="submit">Search</button>
                </form>
            </div>
        </div>
    </header>
    <div class="page-content">
        <main class="search-results">
        </main>
    </div>
</div>
